@use '../../styles/el/popover' as *;
@use '../../styles/el/button' as *;
@use '../../styles/el/tooltip' as *;
@use '@xtail/vue3/es/components/SIcon/SIcon.css' as *;
@use '@xtail/vue3/es/components/SMask/SMask.css' as *;
@use '../XIconPicker/style' as *;

.x-icon-selector {
  display: flex;
  align-items: center;

  .x-icon-selector__trigger-btn-icon {
    font-size: 1.15rem;
  }

  .x-icon-selector__preview-trigger {
    .x-icon-selector__preview-trigger-icon {
      padding: 0.25rem;
      margin-left: 0.25rem;
      color: #9c9da0;
      cursor: pointer;
    }
  }
}
